<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" >
<link href="css/base.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<title>官方在线商城 - Smartisan</title>
</head>
<body>
<!--头部开始-->
<div class="header">
  <div class="header_content"> <a href="javascript: ;"><img src="images/logo.gif" class="log_img" /></a>
    <ul class="header_ul">
      <li><a href="javascript: ;" id="header_ul_a">在线商城</a></li>
      <li><a href="javascript: ;">Smartisan M1/M1L</a></li>
      <li><a href="javascript: ;">Smartisan OS</a></li>
      <li><a href="javascript: ;">欢喜云</a></li>
      <li><a href="javascript: ;">应用下载</a></li>
      <li><a href="javascript: ;">官方论坛</a></li>
    </ul>
    <div class="login"><a href="javascript: ;">登入</a> </div>
  </div>
</div>

<!--子 导 航-->
<div class="communal" id="listing">
  <ul class="nav-list">
    <li><a href="javascript: ;" class="aa">精选</a></li>
    <li><a href="javascript: ;">手机</a></li>
    <li><a href="javascript: ;">耳机/音响</a></li>
    <li><a href="javascript: ;">背壳/保护套</a></li>
    <li><a href="javascript: ;">情怀/背壳</a></li>
    <li><a href="javascript: ;">其他周边</a></li>
    <li><a href="javascript: ;">保修服务</a></li>
    <li><a href="javascript: ;">全部商品</a></li>
  </ul>
  <div class="shopping_cart"> <a href="#"> <img src="images/spcart.png" align="top"/> <span> 购物车 </span> <span class="shuliang"> 0 </span> </a>
    <div class="shopping_cart_content"> <img src="images/spcart2.png" class="boult" /> <img src="images/spcart1.png" /><br /><br />
      <lable>购物车为空</lable>
      <p class="shopping">你还没有选购任何商品，现在前往商城选购吧</p>
    </div>
  </div>
</div>

<!--轮播广告-->
<div class="communal carousel">
<a href="javascript: ;">
 <img  src="images/index_03.png" id="obj"/></a>
</div>

<!--内容开始-->
<div class="container">
  <!--新式产品-->
   <div class="news-panel">
    <ul>
      <li><img src="images/4-1.jpg"/><a href="javascript: ;"></a></li>
      <li><img src="images/4-2.jpg"/><a href="javascript: ;"></a></li>
      <li><img src="images/4-3.jpg"/><a href="javascript: ;"></a></li>
      <li><img src="images/4-4.jpg"/><a href="javascript: ;"></a></li>
    </ul>
  </div>
  
  <!--热门商品-->
   <div class="hot-panel">
   <h1>热门商品</h1>
   <ul>
     <li>
      <img src="images/5-1.jpg" />
      <h2>Smartisan 坚果自拍杆</h2>
      <p>通用 3.5 mm 接口、航空铝合金伸缩杆</p>
       <div class="finder">
       <img src="images/list01.jpg" />
        </div>
      <span class="price">￥69.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/5-2.jpg" />
      <h2>《深泽直人》</h2>
      <p>首次向中国读者介绍其作品</p>
       <div class="finder">
        </div>
      <span class="price">￥199.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/5-3.jpg" />
      <h2>Smartisan M1/M1L 软胶保护套</h2>
      <p>TPU环保材质、细腻防滑、防油污</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        </div>
      <span class="price">￥49.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/5-4.jpg" />
      <h2>Smartisan S-100 半入耳式耳机</h2>
      <p>卓越的 14.2mm 发音单元、三按键式线控</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        <img src="images/list01.jpg" />
        </div>
      <span class="price">￥69.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
   </ul>
  
  </div>
  
  <!--官方精选-->
   <div class="hot-panel selection">
   <h1>官方精选</h1>
   <ul>
     <li>
      <img src="images/6-1.jpg" />
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/6-2.jpg" />
      <h2>Smartisan 原装快充充电器</h2>
      <p>24W 极速快充、兼容 QC3.0 和 PE+2.0</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        </div>
      <span class="price">￥69.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/6-3.jpg" />
      <h2>Smartisan 二合一数据线  0.2m / 1.5m</h2>
      <p>Type-C & Micro-USB 双接口、夜间微光灯</p>
       <div class="finder">
        </div>
      <span class="price">￥39.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/6-4.jpg" />
      <h2>Smartisan 卫衣 老友记</h2>
      <p>纪念老友记首播</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        </div>
      <span class="price">￥249.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/6-5.jpg" />
      <h2>Smartisan 卫衣 皇帝的新装</h2>
      <p>纪念安徒生出版第一部童话集</p>
       <div class="finder">
        </div>
      <span class="price">￥249.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/6-7.jpg" />
      <h2>Micro-USB 至 Type-C 转接头 × 2</h2>
      <p>即插即用、全面兼容</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        </div>
      <span class="price">￥29.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/6-6.jpg" />
      <h2>Smartisan S-1000 耳机</h2>
      <p>VSONIC 创始人全程参与调音</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        <img src="images/list01.jpg" />
        </div>
      <span class="price">￥199.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
    
   </ul>
  
  </div>
  
  <!--品牌精选-->
     <div class="hot-panel selection">
   <h1>品牌精选</h1>
   <ul>
     <li>
      <img src="images/7-1.jpg" />
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/5-2.jpg" />
      <h2>《深泽直人》</h2>
      <p>首次向中国读者介绍其作品</p>
       <div class="finder">
        </div>
      <span class="price">￥199.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/7-3.jpg" />
      <h2>《日本制造》</h2>
      <p>盛田昭夫的日式经营学</p>
       <div class="finder">
        </div>
      <span class="price">￥58.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/7-4.jpg" />
      <h2>FIIL Diva 智能蓝牙无线降噪耳机</h2>
      <p>手势触控、智能启停</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        </div>
      <span class="price">￥999.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">已售罄</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/7-5.jpg" />
      <h2>车听宝</h2>
      <p>点播式车载广播电台、WIFI 直连技术</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        </div>
      <span class="price">￥199.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/7-6.jpg" />
      <h2>《深泽直人》</h2>
      <p>首次向中国读者介绍其作品</p>
       <div class="finder">
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        </div>
      <span class="price">￥1699.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">加入购物车</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
     <li>
      <img src="images/7-7.jpg" />
      <h2>《深泽直人》</h2>
      <p>首次向中国读者介绍其作品</p>
       <div class="finder">
         <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        <img src="images/list01.jpg" />
        <img src="images/list02.jpg" />
        </div>
      <span class="price">￥119.00</span>
        <div class="shoping"> 
          <a href="javascript: ;" class="details">查看详情</a>
          <a href="javascript: ;" class="join-cart">已售罄</a>
        </div>
        <a href="javascript: ;"></a>
     </li>
    
   </ul>
  
  </div>
  
  <!--锤子科技动态-->
   <div class="news-panel">
    <h1>锤子科技动态</h1>
    <ul>
      <li><img src="images/8-1.jpg"/><a href="javascript: ;"></a></li>
      <li><img src="images/8-2.jpg"/><a href="javascript: ;"></a></li>
      <li><img src="images/8-3.jpg"/><a href="javascript: ;"></a></li>
      <li><img src="images/8-4.jpg"/><a href="javascript: ;"></a></li>
    </ul>
  </div>
  
  <!--锤子应用-->
   <div class="chuzi_app">
   <h1>锤子应用 <a href="javascript: ;" class="application">全部应用></a></h1>
   <ul>
     <li>
     <img src="images/9-1.jpg" />
     <h6>HandShaker</h6>
     <p>在 Mac 和 Windows 电脑上也可以方便自如地
        管理你在 Android 手机中的内容</p>
     <div class="app_log"><img src="images/9-5.jpg" /></div>
     <a href="javascript: ;"></a>
      <div class="app_h">
      <a href="javascript: ;" id="aa" class="y9-div-a">
        <span class="y9-div-button" id="y9-div-button-1"></span>
		<span class="y9-div-text">下载windows版安装文件</span>
      </a>
      <a href="javascript: ;" class="y9-div-a">
		<span class="y9-div-button" id="y9-div-button-2"></span>
		<span class="y9-div-text">下载Mac版安装文件</span>
	  </a>
      <span><a href="javascript: ;" class="a_color">进一步了解HandShaker ></a></span>
      </div>
     </li>
     
      <li><img src="images/9-2.jpg"/><h6>锤子便签</h6>
      <p>雅致的信纸、精心调整的文字排版
               这可能是最让人想写字的便签应用</p>
      <div class="app_log"><img src="images/9-6.jpg" /></div>
      <a href="javascript: ;"></a>
      <div class="app_h">
      <img src="images/9-8.jpg" />
      <p>扫二码下载锤子标签</p>
      <span><a href="javascript: ;" class="a_color">进一步了解HandShaker ></a></span>
      </div>
      </li>
      
       <li><img src="images/9-3.jpg"/><h6>锤子桌面</h6>
      <p>它示范了何为“美观、易用和人性化”</p>
      <div class="app_log"><img src="images/9-7.jpg" /></div>
      <a href="javascript: ;"></a>
      <div class="app_h">
      <img src="images/9-8.jpg" />
      <p>扫二码下载锤子标签</p>
      <span><a href="javascript: ;" class="a_color">进一步了解HandShaker ></a></span>
      </div>
      </li>
      
       <li><img src="images/9-4.jpg"/><h6>锤子科技论坛</h6>
      <p>是一个科技论坛<br />
      不只是科技论坛</p>
      <div class="app_log"><img src="images/9-7.jpg" /></div>
      <a href=""></a>
      <div class="app_h">
      <img src="images/9-8.jpg" />
      <p>扫二码下载锤子标签</p>
      <span><a href="javascript: ;" class="a_color">进一步了解HandShaker ></a></span>
      </div>
      </li>
   </ul>
  
  </div>
  
   <!--论坛精选-->
    <div class="forum">
   <h1>论坛精选 <a href="javascript: ;" class="application">前往论坛></a></h1>
   <ul>
      <li>
         <img src="images/10_1.png" alt="论坛精选图" />
         <div class="text">
		 <h2>"人造人罗永浩"为您介绍Smartisan OS</h2>
		 <p>超高效的手机桌面，加上大幅提升工作效率的 One Step （一步） 和 Big Bang （大爆炸）功能，还有精美的 UI 设计             ，只需3分28秒即可了解。</p>
		 <span><a>阅读全文></a></span>
         </div>
         <a href="javascript: ;"></a></li>
          <li>
         <img src="images/10_2.png" alt="论坛精选图" />
         <div class="text">
		 <h2>锤科最有出息的孩子—M1评测</h2>
		 <p>M1 到底好不好用？手感如何？续航怎么样？这一篇锤友的使用评测将解答你所有关于 Smartisan M1 的疑问。</p>
		 <span><a>阅读全文></a></span>
         </div>
         <a href="javascript: ;"></a></li>
          <li>
         <img src="images/10-3.jpg" alt="论坛精选图" />
         <div class="text">
		 <h2>细节之美 Smartisan M1L 咖啡金·皮革版「图赏」</h2>
		 <p>看着几张图，也许会不自觉地屏住呼吸。</p>
		 <span><a>阅读全文></a></span>
         </div>
         <a href="javascript: ;"></a></li>
          <li>
         <img src="images/10-4.jpg" alt="论坛精选图" />
         <div class="text">
		 <h2>【今日话题】来论坛和锤友一起聊聊</h2>
		 <p>没事来论坛和一群趣味相投的锤友，坐下来打开脑洞，一起天马行空地聊聊。话题每周更新 2-3 次.</p>
		 <span><a>阅读全文></a></span>
         </div>
         <a href="javascript: ;"></a></li>
   </ul>
  
  </div>
  
</div>
   
<!--尾部开始-->
<div class="footer">
  <div class="container">
    <div class="siteinfo">
      <ul class="nav-footer">
        <li>
          <h3>订单服务</h3>
          <ul>
            <li><a href="javascript: ;">购买指南</a></li>
            <li><a href="javascript: ;">支付方式</a></li>
            <li><a href="javascript: ;">送货政策</a></li>
          </ul>
        </li>
        <li>
          <h3>服务支持</h3>
          <ul>
            <li><a href="javascript: ;">售后服务</a></li>
            <li><a href="javascript: ;">维修门店</a></li>
            <li><a href="javascript: ;">零售门店</a></li>
          </ul>
        </li>
        <li>
          <h3>自主服务</h3>
          <ul>
            <li><a href="javascript: ;">热点咨询</a></li>
            <li><a href="javascript: ;">预约购买</a></li>
            <li><a href="javascript: ;">订单物流</a></li>
          </ul>
        </li>
        <li>
          <h3>媒体中心</h3>
          <ul>
            <li><a href="javascript: ;">新闻动态</a></li>
            <li><a href="javascript: ;">官方视频</a></li>
            <li><a href="javascript: ;">图片资源</a></li>
          </ul>
        </li>
        <li>
          <h3>关于公司</h3>
          <ul>
            <li><a href="javascript: ;">公司简介</a></li>
            <li><a href="javascript: ;">加入我们</a></li>
            <li><a href="javascript: ;">联系我们</a></li>
          </ul>
        </li>
        <li>
          <h3>关注我们</h3>
          <ul>
            <li><a href="javascript: ;">新浪微博</a></li>
            <li><a href="javascript: ;">官方微信</a></li>
            <li><a href="javascript: ;">官方贴吧</a></li>
          </ul>
        </li>
      </ul>
      <div class="contact">
        <h2>400-619-0909</h2>
        <p>周一至周日 9:00-18:00（仅收市话费）</p>
        <a href="javascript: ;" class="button"><span>?</span>在线帮助</a> </div>
    </div>
    <div class="footer-bottom">
      <ul>
        <li>Copyright © 2017, Smartisan Digital Co., Ltd. All Rights Reserved.北京锤子数码科技有限公司</li>
        <li><a href="javascript: ;">法律声明</a></li>
        <li><a href="javascript: ;">隐私条款</a></li>
        <li><a href="javascript: ;">开发者中心</a></li>
      </ul>
      <p> <a href="javascript: ;">京ICP备14041720号-1</a> 
          <a href="javascript: ;">京ICP证140622号</a> 
          <a href="javascript: ;">11010502025474</a> </p>
      <div class="language">
        <div class="zh">中文<span></span></div>
        <div class="en">English</div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
